<template>
    <eui-page>
        <eui-page-content>
            <eui-section title="基础使用" type="line" style="height: 50px;">
                <eui-line></eui-line>
            </eui-section>
            <eui-section title="自定义颜色" type="line" style="height: 50px;">
                <eui-line color="#000000" hairline="false"></eui-line>
            </eui-section>
            <eui-section title="自定义线条方向" type="line" style="height: 50px;">
                <eui-line color="#000000" hairline="false" length="20" direction="col"></eui-line>
            </eui-section>
            <eui-section title="自定义线条长度" type="line" style="height: 50px;">
                <eui-line length="50%" color="#000000" hairline="false"></eui-line>
            </eui-section>
            <eui-section title="虚线" type="line" style="height: 50px;">
                <eui-line color="#000000" dashed="true"></eui-line>
            </eui-section>
        </eui-page-content>
    </eui-page>
</template>

<script setup lang="ts">

</script>

<route lang="json">{
    "style": {
        "navigationBarTitleText": "Line"
    }
}</route>

<style lang="scss">
</style>